<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="css/bootstrap.css">
    <link rel="stylesheet" href="css/style.css">

    <link rel="stylesheet" href="css/imports.css">

    <script src="js/jquery-3.3.1.js"></script>
    <script src="js/index.js"></script>

    <script src="js/bootstrap.min.js"></script>


</head>
<body>
<header class="header bg">
    <div class="container-fluid borderB visible-lg-block visible-md-block">
        <div class="headerTop container">

            <ul class="visible-lg-block nav navbar-nav navbar-left" id="navList">
                <li >
                    <a href="">
                        <em class="glyphicon glyphicon-envelope"></em>
                        Contact Us
                    </a>
                </li>
                <li>
                    <a href="">
                        <em class="glyphicon glyphicon-plus"></em>
                        Join the Travel
                    </a>
                </li>
                <li>
                    <a href="">
                        <em class="glyphicon glyphicon-pencil"></em>
                        Sign in
                    </a>
                </li>
            </ul>
            <div class="nav-top-right">
                <ul class="nav navbar-nav navbar-right">
                    <li><a href=""><i class="fa fa-facebook fa-fw" style="color: #fff;"></i></a></li>
                    <li><a href=""><i class="fa fa-google-plus fa-fw" style="color: #fff;"></i></a></li>
                    <li><a href=""><i class="fa fa-twitter fa-fw " style="color: #fff;"></i></a></li>
                    <li><a href=""><i class="fa fa-instagram fa-fw" style="color: #fff;"></i></a></li>
                </ul>
                <form class="navbar-form navbar-search" action="http://www.baidu.com">
                    <div class="form-group" id="searchInput">
                        <input type="text" class="form-control" placeholder="Search">
                    </div>
                    <button class="btn btn-default" id="showSearch"><span class="fa fa-search"></span></button>
                </form>
            </div>
        </div>
    </div>


    <div class="container">
        <div class="navbar-header  logo-brand">
            <a href="" class="navbar-brand">
                <img src="images/logo.png" alt="">
                <span class="">&nbsp; Travel Tour</span>
            </a>
        </div>
        <a  class="navbar-toggle" type="button" data-toggle="collapse"  data-target="#navbar-main" style="font-size: 20px; line-height: 30px;color: #f2dede">
            <span class="glyphicon glyphicon-th-list"></span>
        </a>

        <nav class="navbar-collapse collapse" id="navbar-main">
            <ul class="nav navbar-nav navbar-right">
                <li class="dropdown show-on-hover">
                    <a class="dropdown-toggle" data-toggle="dropdown" href="#">Destinations <span class="caret"></span></a>
                    <ul class="dropdown-menu">
                        <li class="dropdown-submenu show-on-hover">
                            <a class="dropdown-toggle" data-toggle="dropdown" href="detail.html">
                                Africa
                                <span class="caret"></span>
                            </a>
                            <ul class="dropdown-menu">
                                <li><a href="detail.html">Algeria</a></li>
                                <li><a href="detail.html">Cape Verde</a></li>
                                <li><a href="detail.html">Egypt</a></li>
                                <li><a href="detail.html">Ghana</a></li>
                                <li><a href="detail.html">Kenya</a></li>
                                <li><a href="detail.html">Morocco</a></li>
                                <li><a href="detail.html">South Africa</a></li>
                                <li><a href="detail.html">Uganda</a></li>
                                <li><a href="detail.html">Western Sahara</a></li>
                                <li><a href="#">Zambia</a></li>
                            </ul>
                        </li>
                        <li class="dropdown-submenu show-on-hover">
                            <a class="dropdown-toggle" data-toggle="dropdown" href="">Asia<span class="caret"></span></a>
                            <ul class="dropdown-menu">
                                <li><a href="#">Bhutan</a></li>
                                <li><a href="#">Cambodia</a></li>
                                <li><a href="#">China</a></li>
                                <li><a href="#">India</a></li>
                                <li><a href="#">Japan</a></li>
                                <li><a href="#">Malaysia</a></li>
                                <li><a href="#">Nepal</a></li>
                                <li><a href="#">Singapore</a></li>
                                <li><a href="#">Thailand</a></li>
                                <li><a href="#">Vietnam</a></li>
                            </ul>
                        </li>
                        <li class="dropdown-submenu show-on-hover">
                            <a class="dropdown-toggle" data-toggle="dropdown" href="">Canada<span class="caret"></span></a>
                            <ul class="dropdown-menu">
                                <li><a href="#">Alberta</a></li>
                                <li><a href="#">British Columbia</a></li>
                                <li><a href="#">Montréal</a></li>
                                <li><a href="#">Nova Scotia</a></li>
                                <li><a href="#">Ontario</a></li>
                                <li><a href="#">Québec</a></li>
                                <li><a href="#">Toronto</a></li>
                                <li><a href="#">Vancouver</a></li>

                            </ul>
                        </li>
                        <li class="dropdown-submenu show-on-hover">
                            <a class="dropdown-toggle" data-toggle="dropdown" href=" ">Central America <span class="caret"></span></a>
                            <ul class="dropdown-menu">
                                <li><a href="#">Belize</a></li>
                                <li><a href="#">Costa Rica</a></li>
                                <li><a href="#">El Salvador</a></li>
                                <li><a href="#">Guatamala</a></li>
                                <li><a href="#">Honduras</a></li>
                                <li><a href="#">Nicaragua</a></li>
                                <li><a href="#">Panama</a></li>
                            </ul>
                        </li>
                        <li class="dropdown-submenu show-on-hover">
                            <a class="dropdown-toggle" data-toggle="dropdown" href=" ">Europe<span class="caret"></span></a>
                            <ul class="dropdown-menu">
                                <li><a href="#">Belgium</a></li>
                                <li><a href="#">Denmark</a></li>
                                <li><a href="#">France</a></li>
                                <li><a href="#">Greece</a></li>
                                <li><a href="#">Ireland</a></li>
                                <li><a href="#">Sweden</a></li>
                                <li><a href="#">Spain</a></li>
                                <li><a href="#">Ukraine</a></li>
                                <li><a href="#">United Kingdom</a></li>
                            </ul>
                        </li>

                        <li class="dropdown-submenu show-on-hover">
                            <a class="dropdown-toggle" data-toggle="dropdown" href=" ">United States<span class="caret"></span></a>
                            <ul class="dropdown-menu">
                                <li><a href="#">Alaska</a></li>
                                <li><a href="#">California</a></li>
                                <li><a href="#">Florida</a></li>
                                <li><a href="#">Georgia</a></li>
                                <li><a href="#">Hawaii</a></li>
                                <li><a href="#">New York</a></li>
                                <li><a href="#">Nevada</a></li>
                                <li><a href="#">Texas</a></li>
                                <li><a href="#">Utah</a></li>
                            </ul>
                        </li>
                    </ul>
                </li>

                <li class="dropdown show-on-hover">
                    <a class="dropdown-toggle" data-toggle="dropdown" href="#">Explore<span class="caret"></span></a>

                    <ul class="dropdown-menu">
                        <li><a href="#">Adventure</a></li>
                        <li><a href="#">Beaches</a></li>
                        <li><a href="#">City Life</a></li>
                        <li><a href="#">Culture &amp; History</a></li>
                        <li><a href="#">Family Fun</a></li>
                        <li><a href="#">Mountains</a></li>
                        <li><a href="#">Off the Beaten Path</a></li>
                        <li><a href="#">Stunning Vistas</a></li>
                    </ul>
                </li>

                <li><a href="#">News &amp; Articles</a></li>
                <li><a href="#">Specials</a></li>
            </ul>
        </nav>
        <div class="clearfix"></div>
    </div>
</header>
<section class="banner box-shadow" style="background-image: url(images/destination-5.jpg)">
    <div class="container">
        <div class="text-banner-2">
            <h1 class="intro-title">North America</h1>
            <p>
                <i class="icon fa fa-map-marker"></i>
                <span></span>
                <a href="detail.html">North America</a>
            </p>
        </div>
    </div>


</section>
<nav class="detail-nav">
    <div class="container">
        <div class="navbar-header">
            <a href="javascript:void(0)" class="navbar-brand scrollTop"><i class="fa fa-fw fa-map-marker"></i> North
                America</a>
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar-sub">
                <span class="glyphicon glyphicon-list"></span>
            </button>
        </div>

        <nav class="navbar-collapse collapse" id="navbar-sub">
            <ul class="nav navbar-nav navbar-left">
                <li><a href="#">Places</a></li>
                <li class="dropdown show-on-hover">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown">Information <span class="caret"></span></a>
                    <ul class="dropdown-menu" role="menu">
                        <li><a href="#">About</a></li>
                        <li><a href="#">Planning a Trip</a></li>
                        <li><a href="#">Getting Around</a></li>
                        <li><a href="#">History &amp; Culture</a></li>
                        <li><a href="#">Top Attractions</a></li>
                        <li><a href="#">Travel Resources</a></li>
                        <li><a href="#">Highlights</a></li>
                        <li><a href="#">Events</a></li>
                        <li><a href="#">Itineraries</a></li>
                    </ul>
                </li>
                <li class="dropdown show-on-hover">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown">Directory <span class="caret"></span></a>
                    <ul class="dropdown-menu" role="menu">
                        <li><a href="#">Food &amp; Drinks</a></li>
                        <li><a href="#">Attractions</a></li>
                        <li><a href="#">Services</a></li>
                        <li><a href="#">Activities</a></li>
                        <li><a href="#">Shopping</a></li>
                        <li><a href="#">Nightlife</a></li>
                        <li><a href="#">Tours</a></li>
                    </ul>
                </li>
                <li><a href="#">Articles</a></li>
            </ul>
            <ul class="nav navbar-nav navbar-right">
                <li><a href="#"><i class="fa fa-fw fa-heart-o"></i></a></li>
                <li class="dropdown show-on-hover">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="fa fa-fw fa-share-alt"></i></a>
                    <ul class="dropdown-menu" role="menu">
                        <li><a href="#"><i class="fa fa-fw fa-facebook-official"></i> Facebook</a></li>
                        <li><a href="#"><i class="fa fa-fw fa-twitter"></i> Twitter</a></li>
                        <li><a href="#"><i class="fa fa-fw fa-google-plus"></i> Google +</a></li>
                        <li><a href="#"><i class="fa fa-fw fa-pinterest"></i> Pinterest</a></li>
                        <li><a href="#"><i class="fa fa-fw fa-instagram"></i> Instagram</a></li>
                        <li><a href="#"><i class="fa fa-fw fa-envelope"></i> Email</a></li>
                    </ul>
                </li>
                <li><a href="#" data-toggle="tooltip" title="Download in PDF format."><i class="fa fa-fw fa-file-pdf-o"></i></a></li>
                <li><a href="#" data-toggle="tooltip" title="Print and take with you!"><i class="fa fa-fw fa-print"></i></a></li>
            </ul>
    </div>
</nav>

    <section>
        <div class="container">

            <section class="col-lg-9 col-md-12 col-sm-12">
                <article class="detail-text">
                    <h2>North America consists of three large nations and one large island territory: Canada, United States
                        of America, Mexico and Greenland.</h2>
                    <p>With a surface area of 24,221,490km² (9,351,969 square miles), between the Pacific Ocean and the
                        Atlantic Ocean and to the north of South America. North America’s highest point is Alaska’s Mount
                        McKinley, which rises to 6,194m (20,320 ft) above sea level. There are also seven smaller nations at
                        its southern extreme (collectively known as Central America), around two dozen island nations and
                        territories of various sizes in the Caribbean, and one isolated French territory off the Canadian
                        Atlantic coast.</p>
                </article>

                <section class="detail-card">
                    <div class="title-row">
                        <h2 class="title-entry">Places in North America</h2>
                        <button href="#" class="btn btn-primary btn-xs">
                            Find More &nbsp;
                            <i class="fa fa-angle-right" style="color: #f2dede"></i>
                        </button>
                    </div>
                    <div class="row">
                        <div class="col-lg-6 col-md-6 col-sm-6">
                            <figure class="detail-card-body" style="background-image: url(images/destinations-17-960x540.jpg)">
                                <div>
                                    <span class="fa fa-map-marker" style="color: #e3e3e3;margin-right: 1rem"></span>
                                    San Francisco, USA
                                </div>
                            </figure>
                        </div>
                        <div class="col-lg-6 col-md-6 col-sm-6">
                            <figure class="detail-card-body" style="background-image: url(images/destinations-19-960x540.jpg)">
                                <div>
                                    <span class="fa fa-map-marker" style="color: #e3e3e3;margin-right: 1rem"></span>
                                    San Francisco, USA
                                </div>
                            </figure>
                        </div>
                    </div>
                    <div class="clearfix"></div>
                </section>

                <div class="pager-info">
                    <div class="title-row">
                        <h2 class="title-entry">Information</h2>
                        <button href="#" class="btn btn-primary btn-xs">
                            Find More &nbsp;
                            <i class="fa fa-angle-right" style="color: #f2dede"></i>
                        </button>
                    </div>
                    <div class="row">
                        <div class="cpl-md-12 col-lg-8">
                            <a href="#" class="page-box-link">
                                <article class="page-box">
                                    <h3 class="entry-title">About</h3>
                                    <p class="entry-excerpt">
                                        Spread across a large area, this destination is nothing if not diverse. Choosing a
                                        single place to focus your time, that is a true challenge. There are attractions
                                        everywhere so be ready to come back another day, and after some time here, that’s
                                        exactly what you’ll want to do. Exploring the Area The biggest cities are along the
                                        coast. History …
                                    </p>
                                    <p class="more-link">Read more</p>
                                    <div class="page-box-destination">
                              <span>
                                  <i class="fa fa-map-marker"></i>
                                  North America
                              </span>
                                    </div>
                                </article>
                            </a>
                            <div class="clearfix"></div>
                        </div>

                        <div class="col-lg-4 col-md-6 col-sm-6">
                            <a href="#" class="page-box-link">
                                <article class="page-box">
                                    <h3 class="entry-title">Planning a Trip</h3>
                                    <p class="entry-excerpt">
                                        Visas Check with the appropriate consulate or embassy in your country to find out if you
                                        will need a visa to visit the country of your destination, especially for an extended
                                        period of time. Some countries have extremely detailed and complicated
                                        entry/departure laws, and treat visits of a week or two very differently from longer
                                        stays. Money If you’re traveling …
                                    </p>
                                    <p class="more-link">Read more</p>
                                    <div class="page-box-destination">
                              <span>
                                  <i class="fa fa-map-marker"></i>
                                  North America
                              </span>
                                    </div>
                                </article>
                            </a>
                        </div>
                        <div class="col-lg-4 col-md-6 col-sm-6">
                            <a href="#" class="page-box-link">
                                <article class="page-box">
                                    <h3 class="entry-title">Getting Around</h3>
                                    <p class="entry-excerpt">
                                        A perfect city for exploring on foot with a shop around every corner. Much of the inner
                                        city can be walked without trouble, however, in parts walking include crowds, uneven
                                        streets, heavy traffic, and skinny sidewalks. If that’s a problem, there
                                        are plenty of taxi’s to ride in and scooters to rent. How to Travel Subway – The metro
                                        is …<
                                    </p>
                                    <p class="more-link">Read more</p>
                                    <div class="page-box-destination">
                              <span>
                                  <i class="fa fa-map-marker"></i>
                                  North America
                              </span>
                                    </div>
                                </article>
                            </a>
                        </div>
                        <div class="col-lg-4 col-md-6 col-sm-6">
                            <a href="#" class="page-box-link">
                                <article class="page-box">
                                    <h3 class="entry-title">History &amp; Culture</h3>
                                    <p class="entry-excerpt">
                                        Early History Home to years of history, which stretched far and wide. Due to the
                                        characteristic weather, the earliest Travel completely bypassed the area. The first
                                        settlement in the area was founded 1770 as a mission community. In addition
                                        to the mission, a military fort was built. Upon gaining independence, the area grew
                                        quickly. The old system gradually came to …
                                    </p>
                                    <p class="more-link">Read more</p>
                                    <div class="page-box-destination">
                              <span>
                                  <i class="fa fa-map-marker"></i>
                                  North America
                              </span>
                                    </div>
                                </article>
                            </a>
                        </div>
                        <div class="col-lg-4 col-md-6 col-sm-6">
                            <a href="#" class="page-box-link">
                                <article class="page-box">
                                    <h3 class="entry-title">Top Attractions</h3>
                                    <p class="entry-excerpt">
                                        Take a look at each of our stunning locations and imagine yourself there: Lakes and
                                        Mountains Stay in our four star lakeside accommodation, whether you choose one of our
                                        log chalets or a contemporary apartment, you will look over stunning views
                                        of the valley. Perhaps go for a gentle stroll around the local village, a refreshing
                                        swim in the beautifully …
                                    </p>
                                    <p class="more-link">Read more</p>
                                    <div class="page-box-destination">
                              <span>
                                  <i class="fa fa-map-marker"></i>
                                  North America
                              </span>
                                    </div>
                                </article>
                            </a>
                        </div>
                    </div>
                </div>

                <div class="clearfix"></div>

                <section class="directory">
                    <div class="title-row">
                        <h2 class="title-entry">Information</h2>
                        <button href="#" class="btn btn-primary btn-xs">
                            Find More &nbsp;
                            <i class="fa fa-angle-right" style="color: #f2dede"></i>
                        </button>
                    </div>
                    <div class="row">
                        <div class="col-lg-4 col-md-6 col-sm-6">
                            <figure class="directory-card-body" style="background-image: url(images/directory-1.jpg)">
                                <div>
                                    <span class="fa fa-folder" style="color: #e3e3e3;margin-right: 1rem"></span>
                                    Food &amp; Drinks
                                </div>
                            </figure>
                        </div>
                        <div class="col-lg-4 col-md-6 col-sm-6">
                            <figure class="directory-card-body" style="background-image: url(images/directory-2.jpg)">
                                <div>
                                    <span class="fa fa-folder" style="color: #e3e3e3;margin-right: 1rem"></span>
                                    Attractions
                                </div>
                            </figure>
                        </div>
                        <div class="col-lg-4 col-md-6 col-sm-6">
                            <figure class="directory-card-body" style="background-image: url(images/directory-3.jpg)">
                                <div>
                                    <span class="fa fa-folder" style="color: #e3e3e3;margin-right: 1rem"></span>
                                    Activities
                                </div>
                            </figure>
                        </div>
                        <div class="col-lg-4 col-md-6 col-sm-6">
                            <figure class="directory-card-body" style="background-image: url(images/directory-4.jpg)">
                                <div>
                                    <span class="fa fa-folder" style="color: #e3e3e3;margin-right: 1rem"></span>
                                    Shopping
                                </div>
                            </figure>
                        </div>
                        <div class="col-lg-4 col-md-6 col-sm-6">
                            <figure class="directory-card-body" style="background-image: url(images/directory-5.jpg)">
                                <div>
                                    <span class="fa fa-folder" style="color: #e3e3e3;margin-right: 1rem"></span>
                                    Nightlife
                                </div>
                            </figure>
                        </div>
                        <div class="col-lg-4 col-md-6 col-sm-6">
                            <figure class="directory-card-body" style="background-image: url(images/directory-6.jpg)">
                                <div>
                                    <span class="fa fa-folder" style="color: #e3e3e3;margin-right: 1rem"></span>
                                    Services
                                </div>
                            </figure>
                        </div>
                    </div>
                    <div class="clearfix"></div>
                </section>

                <section class="blog-posts-alt">
                    <div class="title-row">
                        <h2 class="title-entry">Articles</h2>
                        <button href="#" class="btn btn-primary btn-xs">
                            Find More &nbsp;
                            <i class="fa fa-angle-right" style="color: #f2dede"></i>
                        </button>
                    </div>

                    <div class="row">
                        <div class="blog-body col-lg-12 col-md-12 col-sm-12">
                            <div class="row">
                                <div class="col-lg-4">
                                    <img src="images/blog-7-600x800.jpg" width="100%" alt="">
                                </div>
                                <div class="col-lg-8">
                                    <a href="" class="blog-title"><h2>Living the Travel Lifestyle</h2></a>
                                    <p class="blog-user">
                                        <i class="fa fa-user"></i><span>Tina</span>
                                        <i class="fa fa-calendar" style="margin-left: 2rem"></i><span>May 11, 2015</span>
                                    </p>
                                    <div class="blog-content">
                                        <p>You know what you said about the structures becoming shackles. You were right and
                                            I can’t take it, the injustice. I mean, no one ever’s gonna know who saved the
                                            entire city. Gotham’s been good to our family, but the city’s been suffering.
                                            People
                                            less fortunate than us have been enduring very hard times. So we built a new,
                                            cheap, …
                                        </p>
                                    </div>
                                    <a href="#" class="more-link btn btn-sm btn-primary">
                                        Continue reading
                                        <span class="meta-nav">
                                            &nbsp;
                                            <i class="fa fa-arrow-right" style="color: #fff"></i>
                                        </span>
                                    </a>
                                </div>

                            </div>
                        </div>
                        <div class="blog-body col-lg-12 col-md-12 col-sm-12">
                            <div class="row">
                                <div class="col-lg-4">
                                    <img src="images/blog-6-600x800.jpg" width="100%" alt="">
                                </div>
                                <div class="col-lg-8">
                                    <a href="" class="blog-title"><h2>Choosing Your Next Vacation Destination</h2></a>
                                    <p class="blog-user">
                                        <i class="fa fa-user"></i><span>Olivia</span>
                                        <i class="fa fa-calendar" style="margin-left: 2rem"></i><span>>May 6, 20155</span>
                                    </p>
                                    <div class="blog-content">
                                        <p>You know what you said about the structures becoming shackles. You were right and
                                            Spot something, big eyes, big eyes, crouch, shake butt, prepare to pounce then cats take over the world. Stretch find something else more interesting peer out window, chatter at birds, lure them to mouth purr.Stare at the wall, play with food
                                            and get confused by dust. Eat and than sleep on your face. While eating hunt by meowing loudly at …
                                        </p>
                                    </div>
                                    <a href="#" class="more-link btn btn-sm btn-primary">
                                        Continue reading
                                        <span class="meta-nav">
                                            &nbsp;
                                            <i class="fa fa-arrow-right" style="color: #fff"></i>
                                        </span>
                                    </a>
                                </div>

                            </div>
                        </div>
                        <div class="blog-body col-lg-12 col-md-12 col-sm-12">
                            <div class="row">
                                <div class="col-lg-4">
                                    <img src="images/blog-5-600x800.jpg" width="100%" alt="">
                                </div>
                                <div class="col-lg-8">
                                    <a href="" class="blog-title"><h2>Unusual Places to Consider Visiting</h2></a>
                                    <p class="blog-user">
                                        <i class="fa fa-user"></i><span>Emil</span>
                                        <i class="fa fa-calendar" style="margin-left: 2rem"></i><span>>May 6, 20155</span>
                                    </p>
                                    <div class="blog-content">
                                        <p>
                                            You’re a good guy, mon frere. That means brother in French. I don’t know how I know that. I took four years of Spanish. I figured out a way to make money while I’m working! What’s gotten into you? Have you been eating cheese? Hahahahah! Turns
                                            out he ended up getting too friendly with the teddy bear. Cinque Terre, Italy …
                                        </p>
                                    </div>
                                    <a href="#" class="more-link btn btn-sm btn-primary">
                                        Continue reading
                                        <span class="meta-nav">
                                            &nbsp;
                                            <i class="fa fa-arrow-right" style="color: #fff"></i>
                                        </span>
                                    </a>
                                </div>

                            </div>
                        </div>
                    </div>
                </section>
            </section>
            <section class="col-lg-3 col-md-12 col-sm-12">
                <aside class="sidebar-padder">
                    <div class="sidebar-body">
                        <img src="images/sidebar-ad.jpg" alt="" width="100%">
                    </div>
                    <div class="sidebar-list">
                        <h2>Top Destinations</h2>
                        <ul>
                            <li class=" ">
                                <a href="#">London, England</a>
                            </li>
                            <li class=" ">
                                <a href="#">Sydney, Australia</a>
                            </li>
                            <li class=" ">
                                <a href="#">Chicago, USA</a>
                            </li>
                            <li class=" ">
                                <a href="#">San Francisco, USA</a>
                            </li>
                            <li class=" ">
                                <a href="#">Toronto, Canada</a>
                            </li>
                            <li class=" ">
                                <a href="#">Buenos Aires, Arge
                                    ntina</a></li>
                            <li class=" ">
                                <a href="#">Queenstown, New Zealand</a>
                            </li>
                            <li class=" ">
                                <a href="#">Santorini, Greece</a>
                            </li>
                        </ul>
                    </div>
                </aside>
            </section>
        </div>
    </section>






<footer class="footer-body">
    <div class="container">
        <div class="col-md-9">
            <div class="footer-left">
                <p style="font-size:14px; color:#aaa;">
                    <a href="#">About Us</a> &nbsp; | &nbsp;
                    <a href="#">Sign in</a> &nbsp; | &nbsp;
                    <a href="#">Be an Travel</a> &nbsp; | &nbsp;
                    <a href="#">Destinations</a> &nbsp; | &nbsp;
                    <a href="#">Blog</a> &nbsp; | &nbsp;
                    <a href="#">Contact us</a>
                </p>
                <p style="font-size:14px; color: #999; margin:2rem 0 0 0;">
                    <strong>An HTML travel template for destinations, guides, blogs, hotels, resorts, tours, vacations, events, and more for a perfect travel experience!</strong>

                    <br>Created by
                    <a href="index.html" target="_blank">Parallelus</a>
                    and available for purchase on
                    <a href="index.html" target="_blank">ThemeForest</a>.
                </p>
            </div>
        </div>
        <div class="col-md-3">
            <div class="visible-md-block visible-lg-block">
                <img src="images/logo-symbol-complex-colors.png" alt="" width="100%">
            </div>
        </div>
    </div>
</footer>
</body>
</html>